<!DOCTYPE html>
<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<link href="/css/index.css" rel="stylesheet">
	<link href="/css/login.css" rel="stylesheet">
	<link href="/css/register.css" rel="stylesheet">
	<link href="/css/session.css" rel="stylesheet">
	<link href="/css/chat-dialog.css" rel="stylesheet">
	<link href="/css/person&group-data.css" rel="stylesheet">
</head>

<body>
	<div class="body-container">
		<div class="body-modal">
			<img class="big-image"></img>
		</div>
		<div class="session" id="session">
			<div class="body-header" id="body-header">
				<img class="icon" id="icon"></img>
				<a id="nickname">nickname</a>
				<a class="dropdown" onclick="showMenu('.session');">
					<span class="tips">点击打开/关闭菜单</span>
					<img src="/image/dropdown.png"></img>
				</a>
			</div>
			<div class="body-body">
				<div class="dropdown-menu">
					<a class="button-green">查找好友</a>
					<a class="button-green">查找群组</a>
					<a class="button-green">创建群组</a>
					<a id="logout" class="button-red">退出帐号</a>
				</div>
				<div class="body-modal" onclick="hideModal('.session');">
				</div>
				<div class="list" id="list-chat">
					<div class="list-content" id="chat-content">
					</div>
				</div>
				<div class="list" id="list-contact">
					<div class="objects-tab">
						<a class="objects-tab btn" id="btn-friends" active>好友</a>
						<a class="objects-tab btn" id="btn-groups">群组</a>
					</div>
					<div class="list-content" id="contact-friends">
					</div>
					<div class="list-content" id="contact-groups">
					</div>
				</div>
			</div>
			<div class="body-footer" id="body-footer">
				<a class="footer-btn" active id="footer-chat">聊天</a>
				<a class="footer-btn" id="footer-contact">通讯录</a>
			</div>
		</div>
		<div class="login" id="login">
			<a class="ggo"></a>
			<div class="btn">
				<a class="image account" disabled></a>
				<input class="input" type="number" id="inputAccount">
			</div>
			<div class="btn">
				<a class="image password" disabled></a>
				<input class="input" type="password" id="inputPassword">
			</div>
			<div class="btn">
				<button class="submit" disabled id="loginSubmit">登录</button>
			</div>
			<div class="checkbox-group">
				<input type="checkbox" class="checkbox"><a>记住帐号</a>
				<input type="checkbox" class="checkbox"><a>记住密码</a>
				<input type="checkbox" class="checkbox"><a>自动登录</a>
			</div>
			<a class="register" id="registerPage"><u>没有帐号？点我注册吧~</u></a>
			<a class="send"></a>
		</div>
		<div class="register" id="register">
			<div class="body-header">
				<a class="back"></a>
				<a class="title">注册帐号</a>
			</div>
			<div class="body-body">
				<div class="btn">
					<a class="image account"></a>
					<input class="input" type="number" id="registerAccount">
				</div>
				<div class="btn">
					<a class="image password"></a>
					<input class="input" type="password" id="registerPassword">
				</div>
				<div class="btn">
					<button class="submit" id="registerSubmit">注册</button>
				</div>
				<a class="send" disabled></a>
			</div>
		</div>
		<div class="chat-dialog" id="chat-dialog">
			<div class="body-modal"></div>
			<div class="select-type">
				<span class="title">请选择发送类型</span>
				<button class="btn image">图片</button>
				<button class="btn rich-text">富文本</button>
				<button class="btn file">其它文件</button>
			</div>
			 <div class="select-dialog">
				<form method="post" id="fileinfo" name="fileinfo" style="display: none;" onsubmit="return false;">
					<input class="input" type="file" name="file"></input>
				</form>
				<!--<button class="btn preview">预览</button>-->
				<button class="btn confirm">确定</button>
				<button class="btn cancle">取消</button>
				<div class="clear"></div>
			</div>
			<div class="body-header">
				<a class="back" onclick="back();"></a>
				<a class="title">正在和...聊天</a>
			</div>
			<div class="body-body">
			</div>
			<div class="body-footer">
				<textarea class="input" onkeydown="enabledSend();"></textarea>
				<div class="btn select" onclick="showSelectType()"><img src="/image/select.png"></img></div>
				<button class="btn send" disabled onclick="sendTextMessage()">发送</button>
			</div>
		</div>
		<div class="person-data">
			<div class="body-header">
				<a class="back" onclick="back();"></a>
				<a class="title">。。资料</a>
			</div>
			<div class="body-body">
			</div>
		</div>
		<div class="group-data">
			<div class="body-header">
				<a class="back" onclick="back();"></a>
				<a class="title">群资料</a>
				<!--
				<a class="dropdown" onclick="showMenu('.group-data');">
					<span class="tips">点击打开/关闭菜单</span>
					<img src="/image/dropdown.png"></img>
				</a>
				-->
			</div>
			<div class="body-body">
			</div>
		</div>
		<div class="alert-person-data">
			<div class="body-header">
				<a class="back" onclick="back();"></a>
				<a class="title">修改资料</a>
			</div>
			<div class="body-body">
			</div>
		</div>
		<div class="search">
			<div class="body-header">
				<a class="back" onclick="back();"></a>
				<a class="title">查找好友</a>
			</div>
			<div class="body-body">
				<div>
				</div>
				<div class="list">
				</div>
			</div>
		</div>
	</div>
	<div id="messageBox" class="messageBox"> </div>

	<!--<input type="color" id="color">
	<p id="colorValue" style="color:white;width:100%;height:100px;"></p>-->
	<script src="/js/jquery/dist/jquery.min.js"></script>
	<script src="/javascript/index.js"></script>
	<script src="/javascript/login.js"></script>
	<script src="/javascript/session.js"></script>
	<script src="/javascript/register.js"></script>
	<script src="/javascript/chat-dialog.js"></script>
	<script src="/javascript/person-data.js"></script>
	<script src="/javascript/group-data.js"></script>
	<script src="/javascript/alert-group-data.js"></script>
	<script src="/javascript/alert-person-data.js"></script>
</body>

</html>